<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <script src='/javascripts/flexible.js'></script>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <main>

      <section class="wind_dir container">
        <div class="info_show">
          <p class="flag">风向</p>
          <span class="direction">
            <%= direction %>
          </span>
        </div>
      </section>
      <section class="wind_pow container">
        <div class="info_show">
          <p class="flag">风力</p>
          <span class="power">
            <%= wind_scale %>
          </span>级
        </div>
      </section>
      <section class="temp container">
        <div class="info_show">
          <p class="flag">当前气温</p>
          <span class="temperature">
            <%= temperature %>
          </span>
        </div>
      </section>
      <section class="hum container">
        <div class="info_show">
          <p class="flag">湿度</p>
          <span class="humidity">
            <%= humidity %>
          </span>
        </div>
      </section>
    </main>
    <script src="/javascripts/index.js"></script>
  </body>
</html>
